.box {
    width: 90%;
    height: 100%;
    margin-left: 5%;
  
    .header {
      width: 100%;
      height: 120px;
      background-color: #fff;
      margin-bottom: 20px;
      margin-top: 20px;
  
      .top {
        width: 100%;
        height: 80px;
        display: flex;
  
        span {
          text-align: center;
          line-height: 80px;
          margin-left: 30px;
          font-size: 16px;
  
          input {
            width: 180px;
            height: 31px;
            border: none;
            border: 1px solid #999;
            outline: none;
          }
        }
      }
  
      .botton {
        width: 100%;
        height: 40px;
        display: flex;
  
        .kong {
          width: 85%;
        }
  
        button {
          margin-left: 20px;
          line-height: 1.5715;
          position: relative;
          display: inline-block;
          font-weight: 400;
          white-space: nowrap;
          text-align: center;
          background-image: none;
          box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
          cursor: pointer;
          transition: all .3s cubic-bezier(.645, .045, .355, 1);
          user-select: none;
          touch-action: manipulation;
          height: 32px;
          padding: 4px 15px;
          font-size: 14px;
          border-radius: 2px;
          color: #000;
          background: #fff;
          border: 1px solid #d9d9d9;
  
        }
  
        .search {
          background-color: #0188fb;
          color: #fff;
        }
  
  
      }
    }
  
    .main {
      width: 100%;
      height: calc(100% - 140px);
      background-color: #fff;
    }
  }
  
  .tables {
    padding-top: 50px;
  }
  